import FcDesigner from '@form-create/designer';
import { useI18n } from '/@/hooks/web/useI18n';
const { t } = useI18n();
const label = '列表';
const name = 'group';

const checkbox = {
  //拖拽组件的图标
  icon: 'icon-checkbox',
  //拖拽组件的名称
  label,
  //拖拽组件的 key
  name,
  //拖拽组件的生成规则
  rule() {
    //如果在 props 方法中需要修改 rule 的属性,需要提前在 rule 上定义对应的属性
    return {
      type: 'group',
      field: 'group',
      value: [{ field1: '', field2: '' }],
      props: {
        defaultValue: { field1: '', field2: '' },
        rule: [
          { type: 'input', field: 'field1', title: '字段1' },
          { type: 'input', field: 'field2', title: '字段2' },
        ],
      },
    };
  },
  //拖拽组件配置项(props)的生成规则
  props() {
    console.log(FcDesigner);
    return [
      // //生成`checkbox`组件的`options`配置规则
      // FcDesigner.makeOptionsRule(t, 'options'),
    ];
  },
};
export default checkbox;
